<template>
  <div>
    <oolongSlider :value="value1"></oolongSlider>
    <br><br>
    <oolongSlider :value="value2" :range="true"></oolongSlider>
    <br><br>
    <oolongSlider :value="value3" :range="true" :disabled="true"></oolongSlider>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value1: 25,
      value2: [20, 50],
      value3: [20, 50]
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
